<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>Merry Christmas</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="header/style.css">

</head>
<body>
<audio loop autoplay>
    <source src="./musics/we.wish.you.2.mp3 ">
</audio>

<!--header-->
<div class="light">
    <ul class="line">
        <li class="red"></li>
        <li class="yellow"></li>
        <li class="blue"></li>
        <li class="pink"></li>
        <li class="red"></li>
        <li class="green"></li>
        <li class="blue"></li>
        <li class="yellow"></li>
        <li class="red"></li>
        <li class="pink"></li>
        <li class="blue"></li>
        <li class="yellow"></li>
        <li class="red"></li>
        <li class="green"></li>
        <li class="blue"></li>
        <li class="yellow"></li>
        <li class="red"></li>
        <li class="pink"></li>
        <li class="green"></li>
        <li class="blue"></li>
        <li class="pink"></li>
        <li class="red"></li>
        <li class="green"></li>
        <li class="blue"></li>
    </ul>
</div>

<h1>Merry Christmas ! </h1>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
        integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
        crossorigin="anonymous">
</script>
<!-- partial -->
<script src="./header/script.js"></script>

<!--tree-->

<div id="tree">
    <div class="star"></div>
</div>
<div class="title"> x x x </div>
<div class="title">圣 诞 快 乐</div>

<div class="poem">
    <p>.....................</p>

    <p>May you be filled with happiness!</p>
    <p>Have a wonderful Christmas!</p>
</div>
<div class="footer christmas">
    <p>  xxx xxx </p>
</div>
<script src="main.js"></script>

</body>
</html>
